<?php
if (isset($conditions)) {
    if ($conditions == "error") {
        ?>
        <div class="alert alert-error">
            <a class="close" data-dismiss="alert">×</a>
            <strong>Désolés!</strong> Vous devez accepter les conditions d'utilisation  
        </div>
        <?php
    }
}
?>
<?php
if (isset($age)) {
    if ($age == "error") {
        ?>
        <div class="alert alert-error">
            <a class="close" data-dismiss="alert">×</a>
            <strong>Désolés!</strong> Votre âge est assez petit pour pouvoir naviguer sur Wfaces.  
        </div>
        <?php
    }
}
?>

<form method="post" action="<?php echo site_url("welcome/signup"); ?>" class="form-horizontal">
    <fieldset>
        <!-- Form Name -->
        <!--<legend>Subscription</legend>-->
        
        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="firstname">First name</label>
            <div class="controls">
                <input id="firstname" name="firstname" type="text" placeholder="First name" class="input-small" required="">
            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="lastname">Last name</label>
            <div class="controls">
                <input id="lastname" name="lastname" type="text" placeholder="Last name" class="input-small" required="">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="email">Email</label>
            <div class="controls">
                <input id="email" value="" name="email" type="email" placeholder="Email" class="input-xlarge" required="">

            </div>
        </div>

        <!-- Password input-->
        <div class="control-group">
            <label class="control-label" for="passwordinput">Password</label>
            <div class="controls">
                <input id="passwordinput" name="password" type="password" placeholder="Password" class="input-xlarge" required="">
            </div>
        </div>

        <!-- Birthday input-->
        <div class="control-group">
            <label class="control-label" for="birthday">Birthday</label>
            <div class="input-append">
                <input value="31/01/1995" 
                       style="cursor: pointer; background-color: white; width: 235px; margin-left: 21px;" 
                       readonly="readonly" name="birthday" id="birthday"
                       type="text" placeholder="Birthday" class="input-xlarge birthday">
                <button onclick="$('.birthday').val('');
                        return false;" class="btn">X</button>
            </div>
        </div>

        <!-- Multip le Radios (inline) -->
        <div class="control-group">
            <label class="control-label" for="radios"></label>
            <div class="controls">
                <label class="radio inline" for="radios-1">
                    <input type="radio" name="sexe" id="radios-1" value="M" /> 
                    Men
                </label>
                <label class="radio inline" for="radios-0">
                    <input  type="radio" name="sexe" id="radios-0" value="F" checked="checked">
                    Women
                </label>
            </div>
        </div>

        <!-- Multiple Radios (inline) -->
        <div class="control-group">
            <div class="controls">
                <label class="checkbox inline" for="conditions">
                    <input type="checkbox" checked="checked" name="conditions" id="conditions" value="M" /> 
                    J'accepte les conditions d'utilisations de wfaces
                </label>

            </div>
        </div>

        <!-- Button -->
        <div class="control-group">
            <label class="control-label" for=""></label>
            <div class="controls">
                <input style="float: left;" onclick="return accepted();" type="submit" name="gosignup" class="btn btn-primary" value="Sign Up Now"/>
            </div> 
            
        </div>


    </fieldset>
</form>
<script src="http://www.w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/js/bootstrap-alert.js"></script>